<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="__PUBLIC__/Image/logo.ico">

    <title>景点</title>

    <!-- Bootstrap core CSS -->
    <link href="__PUBLIC__/Css/lib/bootstrap.min.css" rel="stylesheet" type="text/css">
     <!-- 自定义公共CSS -->
    <link href="__PUBLIC__/Css/Index/common.css" rel="stylesheet" type="text/css">
    <style type="text/css">
		
	</style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <script src="__PUBLIC__/Js/lib/jquery-1.11.2.min.js"></script>
	<script src="__PUBLIC__/Js/lib/bootstrap.min.js"></script>
  </head>

  <body>
<div class="myContainer col-xs-12 col-sm-12 col-md-12 col-lg-12">
	  <div class="row whole-row" style="margin-top:20px;">
	  		<!-- 景点start -->
	  		<div class="row" style="">
  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="height:250px;">
  					<notempty name="attractionList[0]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[0].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[0].first_img_path}" alt="{$attractionList[0].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;left:15px;right:15px;">
		  						   <strong>{$attractionList[0].name}</strong>
		  				    </span>
	  				    
	  				    <div class="img-about" style="">{$attractionList[0].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="padding:0;height:250px;">
  					<notempty name="attractionList[1]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[1].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[1].first_img_path}" alt="{$attractionList[1].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;">
		  						<strong>{$attractionList[1].name}</strong>
		  				    </span>
	  				    <div class="img-about" style="">{$attractionList[1].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  				
  				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="height:250px;">
  					<notempty name="attractionList[2]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[2].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[2].first_img_path}" alt="{$attractionList[2].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;left:15px;right:15px;">
		  						<strong>{$attractionList[2].name}</strong>
		  				    </span>
	  				    <div class="img-about" style="">{$attractionList[2].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  				
  				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" style="padding-left:0;height:250px;">
  					<notempty name="attractionList[3]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[3].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[3].first_img_path}" alt="{$attractionList[3].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;right:15px;">
		  						<strong>{$attractionList[3].name}</strong>
		  				    </span>
  				    	<div class="img-about" style="">{$attractionList[3].about}</div>
  				    	</a>
  				    </notempty>
  				</div>
  			</div>
  			<div class="row" style="">
  				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="height:250px;">
  					<notempty name="attractionList[4]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[4].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[4].first_img_path}" alt="{$attractionList[4].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;left:15px;right:15px;">
		  						<strong>{$attractionList[4].name}</strong>
		  				    </span>
	  				    <div class="img-about" style="">{$attractionList[4].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  				<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" style="padding:0;height:250px;">
  					<notempty name="attractionList[5]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[5].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[5].first_img_path}" alt="{$attractionList[5].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;">
		  						<strong>{$attractionList[5].name}</strong>
		  				    </span>
	  				    <div class="img-about" style="">{$attractionList[5].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  				
  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="height:250px;">
  					<notempty name="attractionList[6]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[6].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[6].first_img_path}" alt="{$attractionList[6].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;left:15px;right:15px;">
		  						<strong>{$attractionList[6].name}</strong>
		  				    </span>
	  				    <div class="img-about" style="">{$attractionList[6].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  				
  				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="padding-left:0;height:250px;">
  					<notempty name="attractionList[7]">
	  					<a href="{:U('Index/featureSpotDetail')}?id={$attractionList[7].id}">
		  					<img src="__PUBLIC__/Uploads/{$attractionList[7].first_img_path}" alt="{$attractionList[7].name}">
		  					<span class="title-alt" style="background-color:#01ADFF;right:15px;">
		  						<strong>{$attractionList[7].name}</strong>
		  				    </span>
	  				    <div class="img-about" style="">{$attractionList[7].about}</div>
	  				    </a>
  				    </notempty>
  				</div>
  			</div>
  			<div class="pages">{$page}</div>
	  		<!-- 景点end -->
	  </div>
      <div style="margin-top:30px;">
	  	<include file="Public:footer" />
	  </div>
</div>
  </body>
</html>
